import React from 'react'
import style from './index.module.css'
import bg from '../../img/bg1.png'
import ke from '../../img/ke.png'
export default function Home(props) {
  return (
    <div className={`page-container ${style.home}`} style={{ backgroundImage: `url(${bg})` }}>
      <div className={style.title} style={{transform:`translateX(-${props.percent-100}%)`}}>SVG技术 × WEB前端</div>
      <div className={style.subTitle} style={{transform:`translateX(-${props.percent-100}%)`}}>陈宗豪 23105357</div>
      <img className={style.image} src={ke} alt='' style={{transform:`translateX(${props.percent-100}%)`}}></img>
    </div>
  )
}